<template>
  BodyButons22222.vue
  <div class="button-row">
    <el-button @click="showInfo('Default')">Default</el-button>
    <el-button @click="showInfo2('Primary')" type="primary">Primary</el-button>
    <el-button @click="showInfo3('Success')" type="success">Success</el-button>
  </div>
</template>

<script lang="ts" setup>
const showInfo = (data: any) => {
  alert(data)
}
const showInfo2 = (data: any) => {
  alert(data)
}
const showInfo3 = (data: any) => {
  alert(data)
}
</script>

<style scoped>
.button-example {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.button-row > * {
  margin: 0;
}
</style>
